<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>机票订购</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/Airplane.css" />
	</head>

	<body>
		<!--头部-->
		<nav>
			<div class="container">
				<div class="row">
					<ul class="col-xs-12 col-md-7 col-md-push-5 nopadd">
						<li class="noo ">
							<a href="index.html">首页</a>
						</li>
						<li class="noo ">
							<a href="lyzx.html"><span>旅游</span>咨询</a>
						</li>
						<li class="noo active">
							<a href="">机票<span>订购</span></a>
						</li>
						<li class="no">
							<a href="xs.html">风景欣赏</a>
						</li>
						<li class="noo">
							<a href="about.html">关于<span>公司</span></a>
						</li>
					</ul>
				</div>
			</div>
		</nav>
		<!--中间-->
		<div class="ss">
			<img src="img/headline.jpg" class="img-responsive" />
			<div class="zi_a">
				<h1>票务订购</h1>
				<p>各种飞机票、火车票、汽车票和轮渡票的订购服务</p>
			</div>
		</div>
		<div class="bs">
			<div class="container">
				<div class="row">
					<div class="col-sm-12 col-md-8 about_z">
						<h2>机票预订</h2>
						<div class="leix">
							航程类型
							<a href="" class="active1">单程</a>
							<a href="">往返</a>
						</div>
						<div class="cs">
							<p class="cs_a">出发城市 <input type="text" name="" placeholder="城市名" />
								<p class="cs_a">返回城市 <input type="text" placeholder="城市名" /></p>
						</div>
						<div class="cs">
							<p class="cs_a">出发时间 <input type="text" name="" placeholder="时间/日期" />
								<p class="cs_a">返回时间 <input type="text" placeholder="时间/日期" /></p>
						</div>
						<div class="text-center dp clearfix">
							<a href="">订票</a>
						</div>
						<h2>最新机票</h2>
						<div class="leix">
							热门城市
							<a href="" class="active1">北京</a>
							<a href="">上海</a>
							<a href="">广州</a>
							<a href="">深圳</a>
							<a href="">重庆</a>
							<a href="">成都</a>
							<a href="">杭州</a>
							<a href="">南京</a>
						</div>
						<table class="table table-striped text-center" > 
							<tr>
								<td>路线</td>
								<td>日期</td>
								<td class="jiag">价格</td>
								<td class="none2">税费</td>
								<td class="none2">餐食</td>
								<td>航班</td>
								<td>预订</td>
							</tr>
							<tr>
								<td>北京-成都</td>
								<td>10-15</td>
								<td>￥745</td>
								<td class="none2">￥50</td>
								<td class="none2">有</td>
								<td>春秋航班</td>
								<td><a href="">预定</a></td>
							</tr>
							<tr>
								<td>北京-上海</td>
								<td>10-15</td>
								<td>￥479</td>
								<td class="none2">￥45</td>
								<td class="none2">无</td>
								<td>南方航空</td>
								<td><a href="">预定</a></td>
							</tr>
							<tr>
								<td>北京-深圳</td>
								<td>10-15</td>
								<td>￥561</td>
								<td class="none2">￥52</td>
								<td class="none2">有</td>
								<td>西部航班</td>
								<td><a href="">预定</a></td>
							</tr>
							<tr>
								<td>北京-杭州</td>
								<td>10-15</td>
								<td>￥378</td>
								<td class="none2">￥36</td>
								<td class="none2">无</td>
								<td>天津航班</td>
								<td><a href="">预定</a></td>
							</tr>
							<tr>
								<td>北京-广州</td>
								<td>10-15</td>
								<td>￥612</td>
								<td class="none2">￥44</td>
								<td class="none2">有</td>
								<td>首都航班</td>
								<td><a href="">预定</a></td>
							</tr>
							<tr>
								<td>北京-重庆</td>
								<td>10-15</td>
								<td>￥428</td>
								<td class="none2">￥62</td>
								<td class="none2">有</td>
								<td>东方航班</td>
								<td><a href="">预定</a></td>
							</tr>
							<tr>
								<td>北京-昆明</td>
								<td>10-15</td>
								<td>￥509</td>
								<td class="none2">￥35</td>
								<td class="none2">无</td>
								<td>厦门航班</td>
								<td><a href="">预定</a></td>
							</tr>
							<tr>
								<td>北京-厦门</td>
								<td>10-15</td>
								<td>￥893</td>
								<td class="none2">￥73</td>
								<td class="none2">有</td>
								<td>深圳航班</td>
								<td><a href="">预定</a></td>
							</tr>
							<tr>
								<td>北京-长沙</td>
								<td>10-15</td>
								<td>￥663</td>
								<td class="none2">￥46</td>
								<td class="none2">无</td>
								<td>四川航班</td>
								<td><a href="">预定</a></td>
							</tr>
							<tr class="lastt">
								<!--<td></td>
								<td></td>
								<td></td>-->
								<td colspan="7"><a href="">加载更多航班...</a></td>
								<!--<td></td>
								<td></td>
								<td></td>-->
							</tr>
						</table>
					</div>
					<div class="col-md-4 tb_r">
						<h4>景点推荐</h4>
						<div class="row td_a">
							<div class="col-md-4 td_aa">
								<a href="">曼谷(12)</a>
							</div>
							<div class="col-md-4 td_aa">
								<a href="">东京(5)</a>
							</div>
							<div class="col-md-4 td_aa">
								<a href="">西双版纳(8)</a>
							</div>
							<div class="col-md-4 td_aa">
								<a href="">漓江(16)</a>
							</div>
							<div class="col-md-4 td_aa">
								<a href="">呼伦贝尔(4)</a>
							</div>
							<div class="col-md-4 td_aa">
								<a href="">首尔(9)</a>
							</div>
							<div class="col-md-4 td_aa">
								<a href="">巴厘岛(15)</a>
							</div>
							<div class="col-md-4 td_aa">
								<a href="">土耳其(22)</a>
							</div>
							<div class="col-md-4 td_aa">
								<a href="">夏威夷(5)</a>
							</div>
							<div class="col-md-4 td_aa">
								<a href="">巴厘岛(11)</a>
							</div>
							<div class="col-md-4 td_aa">
								<a href="">毛里求斯(7)</a>
							</div>
							<div class="col-md-4 td_aa">
								<a href="">吉普岛(4)</a>
							</div>
							<div class="col-md-4 td_aa">
								<a href="">希腊(18)</a>
							</div>
							<div class="col-md-4 td_aa">
								<a href="">法瑞意(8)</a>
							</div>
							<div class="col-md-4 td_aa">
								<a href="">马尔代夫(9)</a>
							</div>
							<div class="col-md-4 td_aa">
								<a href="">新西兰(16)</a>
							</div>
							<div class="col-md-4 td_aa">
								<a href="">埃及(11)</a>
							</div>
							<div class="col-md-4 td_aa">
								<a href="">迪拜(14)</a>
							</div>
							<div class="col-md-4 td_aa">
								<a href="">斯里兰卡(7)</a>
							</div>
							<div class="col-md-4 td_aa">
								<a href="">麦哈顿(3)</a>
							</div>
							<div class="col-md-4 td_aa">
								<a href="">大阪(15)</a>
							</div>
						</div>
						<div class="row remai">
							<h4>旅游热卖</h4>
							<div class="row td_a">
								<div class="col-xs-6 tu text-center">
									<a href=""><img src="img/hot1.jpg" class="img-responsive" /></a>
									<p>曼谷-芭提雅6日游</p>
								</div>
								<div class="col-xs-6 tu text-center">
									<a href=""><img src="img/hot2.jpg" class="img-responsive" /></a>
									<p>马尔代夫双鱼6日游</p>
								</div>
								<div class="col-xs-6 tu text-center">
									<a href=""><img src="img/hot3.jpg" class="img-responsive" /></a>
									<p>海南双飞5日游</p>
								</div>
								<div class="col-xs-6 tu text-center">
									<a href=""><img src="img/hot4.jpg" class="img-responsive" /></a>
									<p>富山大阪东京8日游</p>
								</div>
								<div class="col-xs-6 tu text-center">
									<a href=""><img src="img/hot5.jpg" class="img-responsive" /></a>
									<p>法瑞意德12日游</p>
								</div>
								<div class="col-xs-6 tu text-center">
									<a href=""><img src="img/hot6.jpg" class="img-responsive" /></a>
									<p>巴厘岛6日半游</p>
								</div>
								<div class="col-xs-6 tu text-center">
									<a href=""><img src="img/hot7.jpg" class="img-responsive" /></a>
									<p>塞舌尔迪拜9日游</p>
								</div>
								<div class="col-xs-6 tu text-center">
									<a href=""><img src="img/hot8.jpg" class="img-responsive" /></a>
									<p>花样土耳其10日游</p>
								</div>
							</div>
						</div>
						<div class="row bbx">
							<h4>旅游百宝箱</h4>
							<div class="row td_a">
								<div class="col-xs-6 xz">
									<a href=""><span><img src="img/trea1.png"/></span>天气预报</a>
								</div>
								<div class="col-xs-6 xz">
									<a href=""><span><img src="img/trea1.png"/></span>天气预报</a>
								</div>
								<div class="col-xs-6 xz">
									<a href=""><span><img src="img/trea1.png"/></span>天气预报</a>
								</div>
								<div class="col-xs-6 xz ding">
									<a href="">地铁线路查询</a>
								</div>
							</div>
						</div>
					</div>
					
					
				</div>
			</div>
		</div>

		<!--尾部-->
		<div class="foot">
			<div class="container">
				<div class="row">
					<div class="col-sm-4 xiaos">
						<h2>合作伙伴</h2>
						<p><a href="">途牛旅游网</a></p>
						<p><a href="">驴妈妈旅游网</a></p>
						<p><a href="">携程旅游</a></p>
						<p><a href="">中国青年旅行社</a></p>
					</div>
					<div class="col-sm-4 xiaos">
						<h2>旅游FAQ</h2>
						<p><a href="">旅游合同签订方式？</a></p>
						<p><a href="">儿童价是基于什么制定的？</a></p>
						<p><a href="">旅游的线路品质怎么界定的？</a></p>
						<p><a href="">单房差是什么？</a></p>
						<p><a href="">旅游保险有那些种类？</a></p>
					</div>
					<div class="col-sm-4 xiaos">
						<h2>联系方式</h2>
						<p>微博：weibo.com/ycku</p>
						<p>邮件：ycku@ycku.com</p>
						<p>地址：江苏盐城无名路123号</p>
					</div>
					<div class="col-xs-12 fot text-center">
						<a href="">客户端</a> | <a href="">触屏版</a> | <a href="">电脑版</a>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 text-center">
						Copyright © YCKU 瓢城旅行社 | 苏ICP备120110119号
					</div>
				</div>
			</div>
		</div>

		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>